8 Professional Drop Down Menu In CSS Tools
Sky Mega Menu is a clean, responsive solution for creation beautiful site navigations. The drop down relies only on CSS/XHTML and comes with 3 mobile versions, different positions, 9 beautiful color schemes, commonly used forms, grid system and much more.If you like Sky Mega Menu, please don’t forget to rate!
Different color schemesEach color scheme has it’s own css file, that can be easily modified for creation your own colors.I was having troubles with the menu due to my stupidness and Voky sat with me for almost the entire night fixing my problem. Support requests are processed on business days within 24h in the order they were received.Important note: support is offered exclusively through the contact form and not in the comments section. However, I answer pre sale questions in the comments so feel free to ask them.
Full cross-browser compatibility, Fully accessible even when javascript is turned off, as a pure css menu, Search engines optimized, Clear unordered list (LI and UL HTML tags) structure, Easy to setup and update, Fantastic animation and transition effects, Multiple pre-desinded color schemes, Completely customizable styling with CSS, Powered by jQuery,
Extremely small - 3kb uncompressed
This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. On mobile and tablet devices, only the first level of the classic drop-down menu is visible. Menu also comes in two variants (Centered and Full Width). Menu works (the main structure is 100% same) on CSS3 menu bar 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work. Video Preview on YouTube (Watch in HD)Collection of my Classic/Mega Menus
All images used in the preview are just for demonstration purposes and not included in the Menu.
This menu is the result of a combination of my best works on Codecanyon : I’ve put together a flexible mega menu system that can hold 12 sizes of drop downs, unlimited fly-out elements combined with a jQuery script to enhance the whole system. It can be used as a sticky footer (with mega “drop-ups”) using the exact same markup as the “standard” mega menu. By using the example pages, you have all the necessary code ready to be used in your site. Customizing the menu require some basic knowledge of CSS and you can change the look of every part of the menu : the fonts, the colors, the sizes, etc. Fully Responsive Menu
Standard Top Menu
Sticky (or fixed) Top Menu
The package contains 2 folders : “Responsive” and “Non-Responsive” so the menu is ready to be included on any type of website. In each folder, all the code is organized, indented and easy to read. For each version of the menu, responsive and non-responsive, you have 6 HTML files with various examples of what you can do with the menu, from a simple navigation bar without drop downs to a combination of 2 mega menus on a same page. There’s also a simple contact form included (check the live preview to see it in action), it’s ready to be used and requires only your email address to be functionnal. This menu has been tested on many devices and browsers to ensure a maximum compatibility : Internet Explorer, Firefox, Chrome, Opera, Safari have successfully passed the tests.The whole menu relies mainly on CSS, it means that if Javascript is disabled, most of the menu will work. You also may notice some differences between browsers : some CSS3 effects like shadows or CSS3 rounded corners are not showing up in Internet Explorer for example (for more informations on this topic, you can visit findmebyIP). Be sure to test the demo with different browsers or devices to make sure that the menu meets your requirements. When you purchase a product on Codecanyon, you can always access it in your downloads page. There you can subscribe to receive an email and get notified if an update is available, only the last version will appear in your downloads page. You’ll need to be logged in to be able to access the contact form (in the sidebar).I try to regularly update my products based on the feedback I receive, so if you find any kind of bug, I’ll do my best to update the menu as soon as possible.Fixed a small bug related to the contact form in mgmenu_plugins.Fixed an issue with the contact form in the script (mgmenu_plugins. I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.
This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. On mobile and tablet devices, only the first level of the classic drop-down menu is visible. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work. Video Preview on YouTube (Watch in HD)Collection of my Classic/Mega Menus
All images used in the preview are just for demonstration purposes and not included in the Menu.
Hello everybody! Slicnot is a small CSS toolkit that allows you to create anything from just a simple plain button to a complex drop-down navigation menu bar with very less amount of effort.• Separated Menu Button
com – Thanks for providing background image used in the preview version
If you have any question regarding to this item, feel free to drop me an email via my user page contact form.
Responsive 3D Mega CSS drop menu tutorial (latest ver 1.Responsive 3D Mega drop down Menu is a flexible and high customizable to build your custom menus. In addition to you can set up the menu item drop down by clicking or hovering. You can assign a certain color or choose in 16 colorvariants. There are 2 colors for drop downs (dark and light) and many 2D, 3D effects. Click/hover behavior choice on the mega drop menu options page
Fly-out Menu with Unlimited Sublevels
Valid XHTML / CSS 3 markup
What’s in the package ?
It works very well in prevalent mobile divices. You can also turn off the responsiveness as explained in the documentation.This menu has been tested (and works !) in all the following browsers :
The 3D effects will not work in old browsers which is not support the transition CSS3
We’ll try to regularly update my products based on the feedback, so if you find any kind of bug, open new ticket in our Support Forum.
You can also add logos or images to the menu header or inside the menu. We also added ability to slide in the menu from the right, as requested!
The fly-out menu (with inspiration from Facebook) has been proven to be the most efficient navigation that dramatically can improve your visitors experience on your website!
WordPress Menufication is a user-friendly, customizable WordPress-plugin to transform your WordPress 3 menus to a responsive fly-out menu in Facebook fashion. Just choose what WordPress 3 menu to use and you are ready to go.Swipe to open/close the menu (iOS only in v1. Add your own custom logos to the header or inside the menu.NEW FEATURE: Slide in from the right or left, it’s up to you!
Option to only generate the menu on predefined browser sizes.Several options to customize the behaviour of the menu.Uses Wordpress Menu, Wordpress Page Menu or a custom DOM-element for advanced users.If you have a WordPress 3 Menu it works out of the box, no extra code required. See it in action on these websites
Want to have your site here? Just drop us a message and we will add you!
* NEW FEATURE: Add logos and images to the menu and header
* NEW FEATURE: Slide in from right
* Don't load CSS if the plugin is not enabled in the plugin-settings
It’s very functional and comes with different types of navigation including full width, column based and the standard drop-down navigation. Also comes with more than 240 icons ready to use in the menu. Organize your website navigation easily with this responsive menu.